<template>
  <div class="search-empty">
    <img src="../images/empty-search.png" class="pic" v-if="type == 1"/>
    <img src="../images/empty.png" class="pic" v-else/>
    <span class="title">{{title}}</span>
  </div>
</template>

<script>
  export default {
    props: {
      title: {
        type: String,
        default: "没有搜索到相关内容~"
      },
      type: {
        type: Number,
        default: 1
      }
    }
  }
</script>

<style lang="less" scoped>
  @import "../assest/mixin";

  .search-empty {
    display: flex;
    flex-direction: column;
    .wh(5.707rem, 5.707rem);
    .pic {
      .wh(100%, 100%);
    }
    .title {
      text-align: center;
      .size-color(0.347rem, rgba(153, 153, 153, 1));
    }
  }

</style>
